<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS引入方式</title>
    <style>
        p {
            color: blue;
            font-size: 20px;
        }
    </style>
    <!-- link 标签引入外部 CSS 样式文件 -->
    <!-- href 属性：指定外部 CSS 样式文件的路径 -->
    <link rel="stylesheet" href="style/css.css">
</head>
<body>

    <!-- 引入方式一：直接写在 HTML 标签内，使用 style 属性 -->
    <!-- color 设置文本颜色 -->
    <!-- font-size 设置字体大小 -->
    <!-- px 表示以像素为单位 -->
    <!-- font-weight 字体粗细 -->
    <p>乱红<span style="color: red; font-size: 30px; font-weight: bolder;">飞过</span>秋千去</p>

    <!-- 引入方式二：在当前 HTML 文档内，使用 style 标签统一设置 -->
    <p>清明时节雨纷纷</p>
    <p>清明时节雨纷纷</p>
    <p>清明时节雨纷纷</p>
    <p>清明时节雨纷纷</p>

    <!-- 引入方式三：使用 link 标签引入外部 CSS 文件 -->
    <table>
        <tr>
            <th>忍村</th>
            <th>姓名</th>
            <th>级别</th>
        </tr>
        <tr>
            <td>木叶</td>
            <td>鸣人</td>
            <td>下忍</td>
        </tr>
        <tr>
            <td>土仓</td>
            <td>佐助</td>
            <td>上忍</td>
        </tr>
    </table>
</body>
</html>